<template>
<div class="side">
  <el-menu default-active="/system" class="el-menu-vertical-demo" router style="border: none">

    <el-menu-item index="/system">
      <el-icon><UserFilled /></el-icon>
      <span>个人中心</span>
    </el-menu-item>

    <el-menu-item index="/system/orders">
      <el-icon><ShoppingCart /></el-icon>
      <span>我的订单</span>
    </el-menu-item>

    <el-menu-item index="3">
      <el-icon><Goods /></el-icon>
      <span>优惠券</span>
    </el-menu-item>

    <el-menu-item index="4">
      <el-icon><Location /></el-icon>
      <span>收货地址</span>
    </el-menu-item>

    <el-menu-item index="5">
      <el-icon><Edit /></el-icon>
      <span>修改密码</span>
    </el-menu-item>

  </el-menu>
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
.side {
  flex: 1;
  margin-right: 20px;
  background-color: #fff;
}
.menubar {
  border: none;
}
</style>
